﻿@media all
{
    /*----------------------------------------------------------
    The base color for this template is #5c87b2. If you'd like
    to use a different color start by replacing all instances of
    #5c87b2 with your new color.
    ----------------------------------------------------------*/
    body{background-color:#FFF;font-size:.75em;font-family: Helvetica, Sans-Serif, Arial;color:#696969;margin:0;padding:0}
    a:link{color:#FFFFFF;text-decoration:underline}
    a:visited{color:#FFFFFF;}
    a:hover{color:#FFFFFF;text-decoration:none}
    a:active{color:#FFFFFF}   
    a:focus{ border: none; outline: none;}    
    a.subpage-back { color: Red; 
        background: transparent url(../images/icons/sprite.png) no-repeat;
        background-position: 1px -615px;  
        text-indent: -9999px;
        width: 23px;
        height: 15px;
        display: inline-block;
        margin-bottom: 10px;
    }
    a.logout-back { color:#333; display: block; }
    a.logout-back:visited{ color:#333; }
    a.logout-back:hover{ color:#333; }
    a.logout-back:active{ color:#333; } 
    p,ul{margin-bottom:20px;line-height:1.6em}
    header,footer,nav,section{display:block}
    
    /* Dimension (or rather, just the Screen Width) display */
    #dimensions {
      position: fixed;
      right: 10px;
      bottom: 0px;
      background: #000;
      font-size: 13px;
      color: #FFF;
      padding: 10px;
    }    
    
    /* HEADINGS   
    ----------------------------------------------------------*/
    h1,h2,h3,h4,h5,h6{font-size:1.5em;color:#000}
    h1{font-size:2em;padding-bottom:0;margin-bottom:0}
    h2{padding:0 0 10px; margin-top: 0; margin-bottom: 0;}
    h3{font-size:1.2em}
    h4{font-size:1.1em}
    h5,h6{font-size:1em}

    /* PRIMARY LAYOUT ELEMENTS   
    ----------------------------------------------------------*/

    /* you can specify a greater or lesser percentage for the 
    page width. Or, you can specify an exact pixel width. */
    
    .page{width:80%;margin-left:auto;margin-right:auto;}
    .page-title { display:none; margin: 0; text-align: center; color: #575757; text-shadow: 1px 1px rgba(205, 205, 205, 0.75); /*font-weight: normal;*/ }
    header,#header{position:relative;margin-bottom:0;color:#000;padding:0;z-index: 150;}
    header h1,#header h1{font-weight:700;color:#fff;border:none;line-height:2em;font-size:32px!important;text-shadow:1px 1px 2px #111;margin:0;padding:5px 0}
    .main{background-color:#fff;border-radius:4px 0 0 0;-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0;padding:15px 0px 15px}
    footer,#footer{background-color:#fff;color:#999;text-align:center;line-height:normal;font-size:.9em;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;margin:0 0 30px;padding:10px 0}

    /* Header   
    ----------------------------------------------------------*/
    /***  
        Image sprite: 
        background: transparent url(../images/icons/sprite.png) no-repeat center center;
        background-position: 0px -10px;

    ***/
    
    /*** Header top navigation ***/
    .header .header-top-nav { margin: 0px 0 0 0; text-align: right; background-color: #EBEBED; background-image: -moz-linear-gradient(bottom, #EBEBED 0%, #F3F3F7 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EBEBED), color-stop(1, #F3F3F7)); background-image: -webkit-linear-gradient(bottom, #EBEBED 0%, #F3F3F7 100%); background-image: -o-linear-gradient(bottom, #EBEBED 0%, #F3F3F7 100%); background-image: linear-gradient(bottom, #EBEBED 0%, #F3F3F7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F3F7', endColorstr='#EBEBED',GradientType=0 ); border-bottom: 1px solid #DEDEE1; height: 50px; }    
    .header .header-top-nav a.logo { background: transparent url(../images/icons/logo.png) no-repeat center center; position: absolute; top: 2px; left: 12%; width: 200px; height: 48px; text-indent: -9999px; }    
    .header .header-top-nav ul { margin: 0 12% 0 0; display: inline-block; }
    .header .header-top-nav ul li { line-height: 50px; font-weight: bold; display: inline-block; float: left; padding: 0 0; }
    .header .header-top-nav ul li#countdown { /*border-left: none; border-right: 1px solid #BBB;*/} 
    .header .header-top-nav ul li.invitations span.invitations-count { position: relative; }
    .header .header-top-nav ul li.invitations span.invitations-count .icon-number { }
    .header .header-top-nav ul li.notifications span.notifications-count { position: relative; }
    .header .header-top-nav ul li.notifications span.notifications-count .icon-number { }    
    .header .header-top-nav ul li.separator { padding: 0; margin: 0px 5px 0 4px;}
    .header .header-top-nav ul li.invitations { position: relative; padding-left: 25px; background: transparent url(../images/icons/sprite.png) no-repeat; background-position: 0px 20px; }
    .header .header-top-nav ul li.invitations:hover { cursor: pointer; }
    .header .header-top-nav ul li.invitations .invitations-list { display: none; background: rgba(255,255,255,0.8); position: absolute; top: 50px; left: 0; width: 240px; padding: 0; border: 1px solid #DEDEE1; border-top: none; background-color: #EBEBED; background-image: -moz-linear-gradient(bottom, #F3F3F7 0%, #EBEBED 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F3F3F7), color-stop(1, #EBEBED)); background-image: -webkit-linear-gradient(bottom, #F3F3F7 0%, #EBEBED 100%); background-image: -o-linear-gradient(bottom, #F3F3F7 0%, #EBEBED 100%); background-image: linear-gradient(bottom, #F3F3F7 0%, #EBEBED 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBED', endColorstr='#F3F3F7',GradientType=0 ); }        
    .header .header-top-nav ul li.invitations .invitations-list li { display: block; border: none; float: none; font-size: 0.917em; line-height: 1em; padding: 15px 0 15px 0; text-align: left; margin: 0px 12px; border-bottom: 1px solid white; border-top: 1px solid #BBB; }
    .header .header-top-nav ul li.invitations .invitations-list li span { display: inline-block; width: 110px; }
    .header .header-top-nav ul li.invitations .invitations-list li a { /*text-decoration: underline;*/ }
    .header .header-top-nav ul li.invitations .invitations-list li a:hover { text-decoration: none; }
    .header .header-top-nav ul li.invitations .invitations-list li.no-top-border { border-top: none; }
    .header .header-top-nav ul li.invitations .invitations-list li.see-all { text-align: center; }
    .header .header-top-nav ul li.invitations .invitations-list li a.input-button { width: 45px; height: 25px; font-size: 0.75em !important; line-height: 25px; }   
    .header .header-top-nav ul li.notifications { position: relative; padding-left: 25px; background: transparent url(../images/icons/sprite.png) no-repeat; background-position: 0px -12px; }
    .header .header-top-nav ul li.notifications:hover { cursor: pointer; }
    .header .header-top-nav ul li.notifications .notifications-list { display: none; background: rgba(255,255,255,0.8); position: absolute; top: 50px; left: -108px; width: 240px; padding: 0; border: 1px solid #DEDEE1; border-top: none; background-color: #EBEBED; background-image: -moz-linear-gradient(bottom, #F3F3F7 0%, #EBEBED 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F3F3F7), color-stop(1, #EBEBED)); background-image: -webkit-linear-gradient(bottom, #F3F3F7 0%, #EBEBED 100%); background-image: -o-linear-gradient(bottom, #F3F3F7 0%, #EBEBED 100%); background-image: linear-gradient(bottom, #F3F3F7 0%, #EBEBED 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBED', endColorstr='#F3F3F7',GradientType=0 ); }    
    .header .header-top-nav ul li.notifications .notifications-list li { display: block; border: none; float: none; font-size: 0.917em; line-height: 1em; padding: 15px 0 15px 0; text-align: left; margin: 0px 12px; border-bottom: 1px solid white; border-top: 1px solid #BBB; }
    .header .header-top-nav ul li.notifications .notifications-list li.accepted { background: transparent url(../images/icons/sprite.png) no-repeat center center; background-position: 1px -524px; padding-left: 25px; }
    .header .header-top-nav ul li.notifications .notifications-list li.declined { background: transparent url(../images/icons/sprite.png) no-repeat center center; background-position: 1px -563px; padding-left: 25px;}
    .header .header-top-nav ul li.notifications .notifications-list li.no-top-border { border-top: none; }
    .header .header-top-nav ul li.notifications .notifications-list li.see-all { text-align: center; }    
    .header .header-top-nav ul li.help { padding-left: 15px; padding-right: 0; background: transparent url(../images/icons/sprite.png) no-repeat; background-position: 0px -44px; }    
    .header .header-top-nav ul li.logout { padding-left: 23px; background: transparent url(../images/icons/sprite.png) no-repeat; background-position: 1px -640px; }    
    .header .header-top-nav ul li a { color: #2F2F2F; text-decoration: none;}
    .header .header-top-nav ul li a:hover { color: #2F2F2F; text-decoration: underline; }     
    .header .header-top-nav ul li.makebid { display: none; }
    .header .header-top-nav ul li.creategroup { display: none; }

    /*** Header main navigation ***/
    .header .header-main-nav { margin: 3px 0 0 0; text-align: center; background: transparent url(../images/components/main-nav-background.png) repeat-x; background-image: #dfdfdf; background-image: -moz-linear-gradient(bottom, #dfdfdf 0% #ffffff 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); background-image: linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); border-bottom: 1px solid #CECED1; height: 58px; }
    .header .header-main-nav ul { margin: 0; display: inline-block; width: 70%; padding-left: 0; }
    .header .header-main-nav ul li { text-transform: uppercase; display: inline-block; float: left; font-size: 1.167em; font-weight: bold; width: 16%; }
    .header .header-main-nav ul li.user-info { display: inline-block; border-left: none; }
    .header .header-main-nav ul li.user-info p { margin: 0; }
    .header .header-main-nav ul li.user-info .name { font-size: 0.667em; }
    .header .header-main-nav ul li.user-info .balance {font-size: 0.833em; }    
    .header .header-main-nav ul li.statistics { border-right: none; }
    .header .header-main-nav ul li.clear { display: none; }
    .header .header-main-nav ul li.hide { display: none; }
    .header .header-main-nav ul li a { color: #2F2F2F; text-decoration: none; width: 100%; display: inline-block; margin-top: 10px; line-height: 40px; border-left: 1px solid #FFF; border-right: 1px solid #BBBBBB;}    
    .header .header-main-nav ul li a:hover { color: #2F2F2F; }
    .header .header-main-nav ul li a.selected { color: #ed1c24; background: white; height: 49px; border: none; width: 100%; border: 1px solid #DEDEE1; border-bottom: none; margin-left: 0px; box-shadow: 1px 1px 17px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 1px 1px 17px rgba(0, 0, 0, 0.17); -moz-box-shadow: 1px 1px 17px rgba(0, 0, 0, 0.17); }   
    .header .header-main-nav ul li.first{ width: 2%; margin-right: -2px; }
    .header .header-main-nav ul li.last{ width: 2%;  }
    .header .header-main-nav ul li.first a{ border-left: none; height: 40px; margin-left: -1px;}
    .header .header-main-nav ul li.last a{ border-right: none; height: 40px; }
    
    /* Mobile submenu */   
    .header .header-main-nav ul .mobile-submenu-dropdown { padding: 0; display: inline; border: none; width: 100%; }
    .header .header-main-nav ul .mobile-submenu { padding: 0; display: inline;}    
    
    /* Usage : .rounded-corners; or .rounded-corners(10px); */
    .rounded-corners {
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -khtml-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
    }    
    
    /*** Header buttons ***/
    .header .header-buttoms { display: inline-block; width: 100%; padding-top: 20px; background: #fff; }
    .header .header-buttoms div { width: 45% }
    .header .header-buttoms a:hover { text-decoration: none; }
    .header .header-buttoms .header-buttoms-makebid { float: left; text-align: right; }
    .header .header-buttoms a { text-transform: uppercase; color: #333333; font-weight: bold; text-decoration: none; text-shadow: 1px 1px rgba(205, 205, 205, 0.75); width: 120px; height: 40px; display: inline-block; text-align: center; line-height: 40px; border: 1px solid #cdcdcd; box-shadow: 0px 0px 5px rgba(204, 204, 204, 0.75); -webkit-box-shadow: 0px 0px 5px rgba(204, 204, 204, 0.75); -moz-box-shadow: 0px 0px 5px rgba(204, 204, 204, 0.75); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: transparent url(../images/components/main-nav-background.png) repeat-x; background-color: #dfdfdf; background-image: -moz-linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); background-image: linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); }
    .header .header-buttoms .header-buttoms-creategroup { float: right; text-align: left;}
    .header .header-buttoms .header-buttoms-creategroup a { }

    /* FrontPage
    ----------------------------------------------------------*/      
    .page { width:80%; }
    .main .dashboard .tabs-dashboard { width: 40%; float: left; margin: 0;}  
    .main .dashboard .top-bids-dashboard { width: 40%; float: right; }  
    .main .dashboard .top-bids-dashboard .future-bids {  height: 185px; border: 1px solid #252424; color: #fff; box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.75); -webkit-box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.75); -moz-box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.75); background-color: #575757; background-image: -moz-linear-gradient(bottom, #3a3a3a 0%, #585858 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3a3a3a), color-stop(1, #585858)); background-image: -webkit-linear-gradient(bottom, #3a3a3a 0%, #585858 100%); background-image: -o-linear-gradient(bottom, #3a3a3a 0%, #585858 100%); background-image: linear-gradient(bottom, #3a3a3a 0%, #585858 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#3a3a3a',GradientType=0 ); }  
    .main .dashboard .top-bids-dashboard .future-bids h2 { color: #fff; font-size: 1.167em; text-transform: uppercase; }
    .main .dashboard .top-bids-dashboard .past-bids { height: 185px; border: 1px solid #252424; margin-top: 20px; color: #fff; box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.75); -webkit-box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.75); -moz-box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.75); background-color: #575757; background-image: -moz-linear-gradient(bottom, #3a3a3a 0%, #585858 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3a3a3a), color-stop(1, #585858)); background-image: -webkit-linear-gradient(bottom, #3a3a3a 0%, #585858 100%); background-image: -o-linear-gradient(bottom, #3a3a3a 0%, #585858 100%); background-image: linear-gradient(bottom, #3a3a3a 0%, #585858 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#3a3a3a',GradientType=0 ); }
    .main .dashboard .top-bids-dashboard .past-bids h2 { color: #fff; font-size: 1.167em; text-transform: uppercase; }
    .main .dashboard aside ul { list-style-type: none; padding: 0; margin: 0; }    
    .main .statistics {  margin-top: 50px; }
    .main .statistics .statistics-title { border-top: 1px solid #DCDCDC; background: transparent url(../images/components/main-nav-background.png) repeat-x; background-color: #dfdfdf; background-image: -moz-linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); background-image: linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 );}
    .main .statistics .statistics-title h2 { width:80%; margin: 0 auto; line-height: 44px; padding: 0; position: relative; font-size: 1.167em; text-transform: uppercase; }   
    .main .statistics .statistics-graph { height: 310px; background: transparent url(../images/components/bottom-graph-backgound.jpg) repeat-x; background-color: #E8E8EB; background-image: -moz-linear-gradient(bottom, #E8E8EB 0%, #F6F6F7 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E8E8EB), color-stop(1, #F6F6F7)); background-image: -webkit-linear-gradient(bottom, #E8E8EB 0%, #F6F6F7 100%); background-image: -o-linear-gradient(bottom, #E8E8EB 0%, #F6F6F7 100%); background-image: linear-gradient(bottom, #E8E8EB 0%, #F6F6F7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F6F7', endColorstr='#E8E8EB',GradientType=0 ); }    
    .main .statistics .statistics-graph ul { margin: 0; padding: 0; }
    
    /* Content
    ----------------------------------------------------------*/    
    /*Error-View*/
    .error-site h2 {color: #575757; }
    .error-site a:link{color:#ED1C24;text-decoration:underline}
    .error-site a:visited{color:#ED1C24;}
    .error-site a:hover{color:#ED1C24;text-decoration:none}
    .error-site a:active{color:#ED1C24}       
    /*CountDown timer*/
    .numbers{width:45px;text-align:center;font-family:Arial;font-size:28px;font-weight:700;font-style:normal;color:#FFF;padding:0}
    .title{width:45px;text-align:center;font-family:Arial;font-size:10px;font-weight:700;color:#FFF;border-style:none;padding:0 0 3px}
    #table{width:400px;height:70px;background-color:#222;position:relative;top:0;left:0;border-color:#666;border-style:ridge;border-width:3px;margin:0 auto}
    #table td{border:none}
    
    /* Dashboard*/
    #tabs-left{position:relative;padding-left:6.5em; border: none; padding-left: 125px; margin-left: -3%; }
    #tabs-left .ui-tabs-nav{position:absolute;left:.25em;top:.25em;bottom:.25em;width:6em;padding:.2em 0 .2em .2em}
    #tabs-left .ui-tabs-nav li{right:1px;width:100%;border-right:none;border-bottom-width:1px!important;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;overflow:hidden}
    #tabs-left .ui-tabs-nav li.ui-tabs-active {border-right:1px solid transparent}
    #tabs-left .ui-tabs-nav li a{float:right;width:100%;text-align:right}
    #tabs-left > div{height:100%;}       
    #tabs-left .ui-tabs-panel ul { padding: 0; list-style-type: none; }        
    
    #tabs-left .ui-tabs-nav { background: none; border: none; padding-top: 0; margin-top: -1px; width: 115px; padding-left: 5px; }
    .ie-newer #tabs-left .ui-tabs-nav { margin-top: -1px; }
    #tabs-left .ui-tabs-nav li { margin-top: 0px; background: #E8E8EB; color: #3b3b3b; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px solid #cdcdcd; }
    #tabs-left .ui-tabs-nav li a { font-size: 1.500em;  text-align: center; font-weight: bold; margin: 0; padding: 0; line-height: 50px; }
    #tabs-left .ui-tabs-nav li.ui-tabs-active { position: relative; z-index: 123; background-color: #575757; border: 1px solid #252424; border-right: 1px solid #575757;  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; width: 121px; margin-left: -5px; box-shadow: -4px -5px 5px 0px rgba(204, 204, 204, 0.94),-4px 5px 5px 0px rgba(204, 204, 204, 0.94); -webkit-box-shadow: -4px -5px 5px 0px rgba(204, 204, 204, 0.94),-4px 5px 5px 0px rgba(204, 204, 204, 0.94); -moz-box-shadow: -4px -5px 5px 0px rgba(204, 204, 204, 0.94),-4px 5px 5px 0px rgba(204, 204, 204, 0.94); }    
    .mozilla #tabs-left .ui-tabs-nav li.ui-tabs-active { position: relative; z-index: 123; background-color: #575757; border: 1px solid #252424; border-right: 1px solid #575757;  box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; margin-left: -5px; box-shadow: -5px -5px 5px 0px rgba(204, 204, 204, 0.94),-5px 5px 5px 0px rgba(204, 204, 204, 0.94); -webkit-box-shadow: -5px -5px 5px 0px rgba(204, 204, 204, 0.94),-5px 5px 5px 0px rgba(204, 204, 204, 0.94); -moz-box-shadow: -5px -5px 5px 0px rgba(204, 204, 204, 0.94),-5px 5px 5px 0px rgba(204, 204, 204, 0.94); }    
    #tabs-left .ui-tabs-nav li.ui-tabs-active a { color: #fff; font-size: 2.500em; padding: 0; line-height: 55px; }
    #tabs-left .ui-tabs-panel { position: relative; background: #575757; color: #fff; border: 1px solid #252424; border-left: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.94); -webkit-box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.94); -moz-box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.94); background-image: #3a3a3a; background-image: -moz-linear-gradient(bottom, #3a3a3a 0%, #585858 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3a3a3a), color-stop(1, #585858)); background-image: -webkit-linear-gradient(bottom, #3a3a3a 0%, #585858 100%); background-image: -o-linear-gradient(bottom, #3a3a3a 0%, #585858 100%); background-image: linear-gradient(bottom, #3a3a3a 0%, #585858 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#3a3a3a',GradientType=0 ); }        
    #tabs-left .ui-tabs-panel .tabs-title { margin: 6px 0 20px 0; position: relative; text-align: right; padding-right: 50px; font-style: italic; font-weight: bold; }
    #tabs-left .ui-tabs-panel .loading-icon {  display: none; width: 28px; height: 28px; position: absolute; top: -6px; left: -35px; background: transparent url(../images/icons/loading1.gif) center center no-repeat; }
    #tabs-left .ui-tabs-panel .tabs-title .calendar-icon { width: 34px; height: 26px; background: transparent url(../images/icons/sprite.png) no-repeat; background-position: 0px -105px; position: absolute; right: 0px; top: -5px; }             
    #tabs-left .ui-tabs-panel .tabs-date-paging { text-align: center; font-weight: bold;  }   
    #tabs-left .ui-tabs-panel .tabs-date-paging .current { margin: 0 5px; font-size: 1.167em; }
    #tabs-left .ui-tabs-panel .tabs-date-paging .prev { position: relative; } 
    #tabs-left .ui-tabs-panel .tabs-date-paging .prev a{  display: inline-block; width: 15px; height: 15px; background: transparent url(../images/icons/sprite.png) no-repeat; background-position: 0px -214px; }
    #tabs-left .ui-tabs-panel .tabs-date-paging .next a{ display: inline-block; width: 15px; height: 15px; background: transparent url(../images/icons/sprite.png) no-repeat; background-position: 0px -254px; }
    
    /*Bid result table - frontpage */
    #tabs-left .ui-tabs-panel .tabs-bids-result { border-collapse: separate; width: 100%; border: none; border-top: 1px solid #191919; border-bottom: 1px solid #818181;} 
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody { border: none; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr { border: none; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td { position: relative; border: none; font-size: 1.167em; line-height: 23px; font-weight: bold; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td p { margin: 0; text-indent: -9999px; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.col-1 { border-right: 1px solid #191919; border-top: 1px solid #818181; border-bottom: 1px solid #191919;} 
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.col-2 { width: 60%; border-left: 1px solid #818181; border-top: 1px solid #818181; border-bottom: 1px solid #191919; } 
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.col-2 .col-2-innerwrapper { position: relative; }    
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.bidentry p { text-align: center; margin: 0; color: #333333; font-size: 1.143em; text-indent: 0; font-weight: bold; background: #dfdfdf; background-image: #dfdfdf; background-image: -moz-linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); background-image: linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); border-bottom: 1px solid #CECED1; position: absolute; top: -12px; left: 0; z-index: 135; width: 90%; margin: 2px 0 0 8px; }

    /*Bids result gradient height*/    
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.be-size-1 p { height: 22px; line-height: 22px; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.be-size-2 p { height: 52px; line-height: 52px; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.be-size-3 p { height: 82px; line-height: 82px; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.be-size-4 p { height: 113px; line-height: 113px; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.be-size-5 p { height: 144px; line-height: 144px; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.be-size-6 p { height: 175px; line-height: 175px; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.be-size-7 p { height: 206px; line-height: 206px; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.be-size-8 p { height: 237px; line-height: 237px; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.be-size-9 p { height: 269px; line-height: 269px; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.be-size-10 p { height: 300px; line-height: 300px; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.be-size-11 p { height: 331px; line-height: 331px; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.be-size-12 p { height: 363px; line-height: 363px; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.be-size-13 p { height: 394px; line-height: 394px; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.be-size-14 p { height: 425px; line-height: 425px; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.be-size-15 p { height: 456px; line-height: 456px; }
    
    .top-bids-dashboard h2 { position: relative; margin: 15px 10px 15px 15px; padding: 0; }
    .top-bids-dashboard h2 .bids-icon {  width: 28px; height: 28px; background: transparent url(../images/icons/sprite.png) no-repeat; background-position: 0px -160px; position: absolute; right: 0px; top: -3px; }
    .top-bids-dashboard .bids-history { border-collapse: separate; width: 100%; border: none; border-top: 1px solid #191919; border-bottom: 1px solid #818181; }
    .top-bids-dashboard .bids-history tbody { border: none; }
    .top-bids-dashboard .bids-history tbody tr { border: none; }
    .top-bids-dashboard .bids-history tbody tr td { font-size: 1.167em; width: 25%; border: none; border-top: 1px solid #818181; border-bottom: 1px solid #191919; padding-left: 15px;}
    
    .statistics .statistics-title .bids-date-paging { position: absolute; right: 10%; }
    .statistics .statistics-title .bids-date-paging .current { margin: 0 5px; text-transform: none; }
    .statistics .statistics-title .bids-date-paging .prev a{ margin-bottom: -2px; display: inline-block; width: 15px; height: 17px; background: transparent url(../images/icons/sprite.png) no-repeat; background-position: 0px -214px; }
    .statistics .statistics-title .bids-date-paging .next a{ margin-bottom: -2px; display: inline-block; width: 15px; height: 17px; background: transparent url(../images/icons/sprite.png) no-repeat; background-position: 0px -254px; }
    .statistics .statistics-title .bids-date-paging .loading-icon-stats { display: none; width: 28px; height: 28px; position: absolute; top: 8px; left: -37px; background: transparent url(../images/icons/loading-stats2.gif) center center no-repeat; }       
    
    /* Bids */
    .tabs-bids { border: none !important; }
    .tabs-bids .ui-tabs-nav { background: none; border: none; padding-left: 0 !important; }    
    .tabs-bids .ui-tabs-nav li { background: #E8E8EB; margin-right: 0 !important; color: #3b3b3b; font-size: 1.100em; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px solid #cdcdcd; }
    .tabs-bids .ui-tabs-nav li a { text-align: center; font-weight: bold; margin: 0; padding: 0; line-height: 25px;}
    .tabs-bids .ui-tabs-nav li.ui-tabs-active { position: relative;  z-index: 123; margin-top: -5px; background: #575757; padding-bottom: 0 !important; margin-left: -1px; box-shadow: -4px -5px 5px 0px rgba(204, 204, 204, 0.94), 4px -5px 5px 0px rgba(204, 204, 204, 0.94); -webkit-box-shadow: -4px -5px 5px 0px rgba(204, 204, 204, 0.94), 4px -5px 5px 0px rgba(204, 204, 204, 0.94); -moz-box-shadow: -4px -5px 5px 0px rgba(204, 204, 204, 0.94),4px -5px 5px 0px rgba(204, 204, 204, 0.94); }              
    .tabs-bids .ui-tabs-nav li.ui-tabs-active a { color: #fff; font-size: 1.200em; padding: .5em 1em; line-height: 30px; }
    .tabs-bids .ui-tabs-panel { position: relative; background: #575757 !important; color: #fff; border: 1px solid #252424; border-top: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: 1px 1px 5px 5px rgba(204, 204, 204, 0.94); -webkit-box-shadow: 1px 1px 5px 5px rgba(204, 204, 204, 0.94); -moz-box-shadow: 1px 1px 5px 5px rgba(204, 204, 204, 0.94); background-color: #3a3a3a !important; background-image: -moz-linear-gradient(bottom, #3a3a3a 0%, #585858 100%) !important; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3a3a3a), color-stop(1, #585858)) !important; background-image: -webkit-linear-gradient(bottom, #3a3a3a 0%, #585858 100%) !important; background-image: -o-linear-gradient(bottom, #3a3a3a 0%, #585858 100%) !important; background-image: linear-gradient(bottom, #3a3a3a 0%, #585858 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#3a3a3a',GradientType=0 ) !important; }        
    .tabs-bids .ui-tabs-panel .bids-icon {  width: 28px; height: 28px; background: transparent url(../images/icons/sprite.png) no-repeat; background-position: 0px -160px; position: absolute; right: 16px; top: 7px; }
    
    .tabs-bids .bids-info { display: table; margin: 0; padding: 0; width: 100%; font-size: 0.8em; }
    .tabs-bids .bids-info-item { display: table-cell; }
    .tabs-bids .bids-list { display: inline-block; margin: 0; padding: 0; width: 100%; }
    .tabs-bids .bids-list-item { display: table; width: 100%; position: relative; border-top: 1px solid #818181; border-bottom: 1px solid #191919; padding: 3px 0px; }          
    .tabs-bids .bids-list-item .cancel-bid a { background: transparent url(../images/icons/sprite.png) no-repeat center center; background-position: 2px -334px; text-indent: -9999px; display: block; width: 18px; height: 18px; }    
    .tabs-bids .bids-list-item .item-title { display: none; }
    .tabs-bids .first { border-top: none; padding: 0;}
    .tabs-bids .last { border-bottom: none; padding: 0; height: 1px; }    
    .tabs-bids .bids-list-item .cancel-bid { width: 5%; }    
    .tabs-bids .bids-list-item .amounts { width: 10%; }
    .tabs-bids .bids-list-item .amounts-cell { width: 10%; }
    .tabs-bids .bids-list-item span { display: table-cell; width: 15%; }    
    .tabs-bids .bids-title-item { display: table; width: 100%; margin-bottom: 10px; }
    .tabs-bids .bids-title-item .cancel-bid { width: 5%; }
    .tabs-bids .bids-title-item .amounts { width: 10%; }
    .tabs-bids .bids-title-item span { display: table-cell; width: 15%; font-weight: bold; }    
    
    .bids-stats { display: inline-block; width: 100%; margin: 0 auto; text-align: center; margin-bottom: 10px; }
    .bids-stats .bids-stats-list{ padding: 0; margin: 0; }
    .bids-stats .bids-stats-list .bids-stats-item { display: inline-block; padding: 0 4%; }
    .bids-stats .bids-stats-list .bids-stats-item p { margin: 0; }
    .bids-stats .bids-stats-list .bids-stats-item .num{ color: #ED1C24; font-weight: bolder; font-size: 1.167em;}
    .bids-stats .bids-stats-list .bids-stats-item .text{ font-size: 0.833em; text-transform: uppercase;}
    .bids-stats .bids-stats-list .bids-stats-item a { color: #2f2f2f; }
    
    .delete-bid { padding: 20px; width: 30%; margin: 0 auto; }
    .delete-bid h3 { color: #fff; line-height: 1.2em; }
    .delete-bid input { font-size: 0.85em !important; }
    
    /* Make bid form
    ----------------------------------------------------------*/  
    /*Color box pop-up forms*/
    .cb-make-bid-form-container { display: none; }
    .cb-create-group-form-container { display: none; }    
    
    .form-makebid{ margin: 0 auto; width: 252px; border: 1px solid #BBB; padding: 10px; }    
    .form-makebid-screen { border: none; padding: 0; width: auto; }
    .form-makebid fieldset { border: none }
    .form-makebid input#biddingAmount {width: 100px;}
    .form-makebid input.datepicker { width: 123px; }
    .form-makebid input.datepicker-mobile { width: 123px; }
    .form-makebid input.input-button { font-size: 0.85em !important;}
    
    .form-makebid .for-choose { display: inline-block; margin-top: 20px; }
    .form-makebid .for-choose div { float: left; }
    .form-makebid .for-choose p { margin: 0; }
    .form-makebid .for-choose .groups-list select { width: 130px; }
    .form-makebid .for-choose-labels { width: 102px; }    
    .form-makebid .groups-list { margin: 20px 0 0 0; }    
    .form-makebid .date-bid {border-top: 1px solid #BBB; margin-bottom: 7px; }
    .form-makebid .date-bid div{ display: inline-block; width: 100px; }    
    .form-makebid .start-time {border-top: 1px solid #BBB; margin-bottom: 7px; }
    .form-makebid .start-time div { display: inline-block; width: 100px;}
    .form-makebid .start-time select { width: 129px;}
    .form-makebid .end-time {border-top: 1px solid #BBB; margin-bottom: 7px; }
    .form-makebid .end-time div { display: inline-block; width: 100px;}
    .form-makebid .end-time select { width: 129px;}
    .form-makebid .room-label {border-top: 1px solid #BBB; margin-bottom: 7px; padding-top: 8px; }
    .form-makebid .rooms-list { margin-left: 0px; padding-bottom: 7px; border-bottom: 1px solid #BBB; }  
    .form-makebid .rooms-list p { margin: 0; }
    .form-makebid .amounts { display: inline-block; }
    .form-makebid .amounts div { float: left; }
    .form-makebid .amounts .spinner-label { margin-left: 10px; }
    .form-makebid .amounts .amount-label { }
    .form-makebid .amounts .amount-label p { margin: 0; }
    .form-makebid .amounts div.spinner-label span.ui-spinner { background: #FFF; }
    
    .form-makebid span.spinner-custom { padding-left: 5px; }
    .form-makebid span.spinner-custom span { display: inline-block; width: 20px; height: 20px; text-align: center; cursor: pointer; }
    .form-makebid span.spinner-custom span.spinner-decrease { background: transparent url(../images/icons/decrease.png) no-repeat center; }
    .form-makebid span.spinner-custom span.spinner-increase { background: transparent url(../images/icons/increase.png) no-repeat center; } 
    
    .form-makebid-errors{color:Red; font-size: 0.8em !important;margin-top:10px;}
    .form-makebid-errors span{ display: block !important; }
    .form-makebid-errors ul{list-style-type: none; padding: 0; margin: 0;}
       
    input.make-bid-spinner { border: none !important; }      
    
    /* Rooms
    ----------------------------------------------------------*/  
    
    .room-list ul { margin: 0; padding: 0; }
    .room-list .room-item { border-bottom: 1px solid #CDCDCD; padding-top: 20px; box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.75); -webkit-box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.75); -moz-box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.75); background-color: #575757; background-image: -moz-linear-gradient(bottom, #3a3a3a 0%, #585858 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3a3a3a), color-stop(1, #585858)); background-image: -webkit-linear-gradient(bottom, #3a3a3a 0%, #585858 100%); background-image: -o-linear-gradient(bottom, #3a3a3a 0%, #585858 100%); background-image: linear-gradient(bottom, #3a3a3a 0%, #585858 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#3a3a3a',GradientType=0 ); margin-bottom: 30px;  color: #fff; }
    .room-list aside { display: inline-block; padding: 0 2% 2% 2%; }    
    
    .room-list .room-info { float: left; border-right: 1px solid #CDCDCD; width: 26%;}    
    .room-list .room-info ul { list-style-type: none; display: block; }
    .room-list .room-info ul li { display: inline-block; width: 100%; line-height: 1em; }
    .room-list .room-info ul li span.item-title { display: inline-block; float: left; width: 80px;}    
    .room-list .room-info ul li span.item-name { display: inline-block; float: left; }    
        
    .room-list .room-amenities { float: left; width: 64%; }
    .room-list .room-amenities p {float: left; margin: 0; display: inline-block; }
    .room-list .room-amenities ul { list-style-type: none; display: inline-block; float: left; width: 80%; margin-left: 5%; }
    .room-list .room-amenities ul li { display: inline-block; width: 30%; }
    
    .room-list .room-pictures { clear: both; padding-top: 15px; }        
    .room-list .room-pictures .picture-list { display: inline-table; width: 100%; list-style-type: none; margin: 0; padding: 0; }
    .room-list .room-pictures .picture-list .picture-item { display: table-cell; padding: 2%; } 
    .room-list .room-pictures .picture-list .picture-item img { height: auto; max-width: 100%; padding: 1px; border: 1px solid dimGray; background-color: #fff; }     
    .mozilla .room-list .room-pictures .picture-list .picture-item img { width: 100%; }
    .ie-newer .room-list .room-pictures .picture-list .picture-item img { width: 100%; }   
    .ie8 .room-list .room-pictures .picture-list .picture-item img { width: 100%; }  
    .ie7 .room-list .room-pictures .picture-list .picture-item img { width: 100%; }  

    /* Notification
    ----------------------------------------------------------*/     
    .notification-item {padding:1% 3%; margin-bottom: 10px; display:inline-block; width:94%; position:relative;}
    .notification-item .col{display:inline-block; width: 45%; height:85px;float:left; }
    .notification-item .left-container{ border-right: 1px solid #191919; }
    .notification-item .left-container aside{font-size:1.167em;  text-align:center; line-height:85px; padding-right: 20%;}
    .notification-item .right-container{padding:0; padding-left:2%; padding-right:2%; border-left:1px solid #818181}    
    .notification-item p{margin: 0; padding: 0;}
    .notification-item .notification-bid p{margin: 0; line-height: 1.6em}
    .notification-item .notification-bid .bid-info-title{margin: 0; width: 85px; display:inline-block; }
    .notification-item .notification-inactive-info{line-height: 1.6em}
    .notification-item .remove-notification a { position: absolute;  top: 5px; right: 5px; background: transparent url(../images/icons/sprite.png) no-repeat center center; background-position: 2px -334px; text-indent: -9999px; display: block; width: 18px; height: 18px; }
    .notification-item .notification-title { position: relative; }
    .notification-item .nofification-item-state-accepted { width: 36px; height: 36px; position: absolute; top: 24px; right: 8%; background: transparent url(../images/icons/sprite.png) no-repeat center center; background-position: 1px -423px; }
    .notification-item .nofification-item-state-declined { width: 36px; height: 36px; position: absolute; top: 24px; right: 8%; background: transparent url(../images/icons/sprite.png) no-repeat center center; background-position: 1px -477px; }
     
    /* Groups
    ----------------------------------------------------------*/  
    
    .groups-item{width:100%;display:table; padding:10px 0; margin-bottom:20px; position: relative; line-height: 1.6em; } 
    .groups-item p { margin: 0; padding: 0; }
    .groups-item .groups-item-titles { display: inline-block; width: 130px; float: left;}
    .groups-item .group-bids-icon a { background: transparent url(../images/icons/sprite.png) no-repeat center center; background-position: 0px -695px; padding-left: 20px; }
    .groups-item .group-invitations-icon a{ background: transparent url(../images/icons/sprite.png) no-repeat center center; background-position: 1px 3px; padding-left: 20px; }
    .groups-item .groups-item-data { display:inline-block; float:left;}
    .groups-item .groups-members-title {display:inline-block; float:left; width:0px;}
    .groups-item .groups-item-members-data {display: inline-block; margin-left:60px;  }
    .groups-item aside.col3 { display:table-cell; padding:0 3%!important; }
    .groups-item aside.groups-info {width:35%; border-right: 1px solid #191919;border-left:1px solid #818181;}
    .groups-item aside.groups-item-3 {width:25%; border-left:1px solid #818181;}
    .groups-item aside.groups-item-1 {border-left:none;}       
    
    .ui-autocomplete {max-height: 100px; overflow-y: auto; overflow-x: hidden; padding-right: 20px;}
    .ui-widget {margin: 10px}
    
    /* Pending Invitations */
    .pending-invitations {padding:10px;}
    .pending-invitations .invitation-list { display: inline-block; margin: 0; padding: 0; width: 100%; }
    .pending-invitations .invitation-list-item { display: table; width: 100%; position: relative; border-top: 1px solid #818181; border-bottom: 1px solid #191919; padding: 3px 0px; }          
    .pending-invitations .invitation-list-item .item-remove a { background: transparent url(../images/icons/sprite.png) no-repeat center center; background-position: 2px -334px; text-indent: -9999px; display: block; width: 18px; height: 18px; }
    .pending-invitations .invitation-list-item .item-title { display: none; }
    .pending-invitations .first { border-top: none; padding: 0;}
    .pending-invitations .last { border-bottom: none; padding: 0;}
        
    .pending-invitations .invitation-list-item .item-remove { width: 5%; }  
    .pending-invitations .invitation-list-item .item-username { width: 10%; }           
    .pending-invitations .invitation-list-item span { display: table-cell; width: 20%; }
    .pending-invitations .invitation-title-item { display: table; width: 100%; margin-bottom: 10px; }
    .pending-invitations .invitation-title-item .item-remove { width: 5%; }
    .pending-invitations .invitation-title-item .item-username { width: 10%; }    
    .pending-invitations .invitation-title-item span { display: table-cell; width: 20%; font-weight: bold; }    
    
    /* Groups Accepting Invitations 
    ----------------------------------------------------------*/  
    .accept-invitation-form {width:300px; margin: 0 auto; color:#474747; padding:20px;}
    .accept-invitation-form .spinner span { margin-left: 0; }  
    .accept-invitation-form-button {margin-top:10px;}
    .accept-invitation-form .text-box{width:100px;}
    .accept-invitation-form-button input { font-size: 0.85em !important; }       
    
    .accept-invitation-form .amounts { display: inline-block; }
    .accept-invitation-form .amounts div { float: left; }
    .accept-invitation-form .amounts div.spinner { margin-left: 20px; }    
    .accept-invitation-form .amounts div.spinner span.ui-spinner { background: #FFF; }
    .accept-invitation-form .amounts p { margin: 0; }     
    
    /* Groups Pending Invitations 
    ----------------------------------------------------------*/  
    .groups-invitations {width:100%; display:table; padding:10px 0; margin-bottom:20px;}
    .groups-invitations p { margin: 0; padding: 0; }   
    .groups-invitations .groups-item-titles { display: inline-block; width: 120px; float: left;}
    .groups-invitations .groups-item-data { display:inline-block; float:left; width: 50%;}  
    .groups-invitations .groups-members-title {display:inline-block; float:left; width:0px;}
    .groups-invitations .groups-members-data {display: inline-block; margin-left:60px;  }
    .groups-invitations .col3 { display:table-cell; padding:0 3% 0 3%;}
    .groups-invitations aside.groups-info { width:35%;border-right: 1px solid #191919;border-left:1px solid #818181;}
    .groups-invitations aside.groups-item-3 {width:20%; border-left:1px solid #818181;}
    .groups-invitations aside.groups-item-1 {border-left:none;}    
    
    /* Groups Create group form 
    ----------------------------------------------------------*/
    
    .create-group-form {width: 250px; margin: 0 auto; color: #474747; padding: 3%; border: 1px solid #BBB; padding-bottom: 20px; padding-top: 10px;}     
    .create-group-form-screen { width: 300px; margin: 0; padding: 10px; border: none; }
    
    .create-group-form p {margin:0; padding:0;}
    .create-group-form .spinner span { margin-left: 0; }    
    .create-group-form p input{font-size: 1.2em; padding: 5px;}        
    .create-group-form .create-group-form-container-1 div input { width: 150px; }
    .create-group-form .create-group-form-container-1 div { display: inline-block; width: 90px; }
    .create-group-form .create-group-form-container-1 { border-bottom: 1px solid #BBB; padding-bottom: 7px; }
    .create-group-form .amounts { display: inline-block; }
    .create-group-form .amounts div { display: inline-block;  float: left; width: 94px; }    
    .create-group-form .amounts .spinner-create-group { width: 123px; }
    .create-group-form .amounts div.spinner span.ui-spinner { background: #FFF; }
    .create-group-form .create-group-form-container-3 { border-top: 1px solid #BBB; border-bottom: 1px solid #BBB;}  
    .create-group-form .create-group-form-container-3 .available-inputs { margin-bottom: 5px; }
    .create-group-form .create-group-form-container-3 .members-label p{ margin-bottom:5px !important;}
    .create-group-form .create-group-form-container-4 {clear:both;  padding-top:10px;}
    .create-group-form .create-group-form-container-4 .create-group-form-info p{color:#515151; font-weight:normal; font-size:0.8em; /*margin-bottom: 10px;*/ }   
    .create-group-form .create-group-form-container-4 .create-group-form-info{margin-bottom: 10px; }   
    
    .create-group-form .added-inputs input { display: inline-block; margin: 5px 10px 5px 0; } 
    .create-group-form .added-inputs span.remove-member-input { cursor: pointer; width: 20px; height: 20px; display: inline-block; background: transparent url(../images/icons/form-remove.gif) no-repeat center; margin-bottom: -3px;}
    .create-group-form .available-inputs input { margin-left: 0; padding-left: 0; }
    .create-group-form .available-inputs div.create-group-input span.add-member-input { cursor: pointer; width: 20px; height: 20px; display: inline-block; background: transparent url(../images/icons/form-add.png) no-repeat center; margin-bottom: -3px; }        

    .create-group-form-container-4 input { font-size: 0.85em !important; }
    
    /* Group Invite form 
    ----------------------------------------------------------*/ 
    .invite-group-form {width:300px; margin: 0 auto; color:#474747; font-weight:bold; padding:20px; border:2px solid #818181; }
    .invite-group-form p {margin:0; padding:0;}
    .invite-group-form .member-label { display: inline-block; }
    .invite-group-form .member-label div {display: inline-block; float: left; }   
    .invite-group-form .member-label div.invite-group-form-input { margin-left: 10px; }
    .invite-group-form-button{margin-top:10px;}
    .invite-group-form-button input { font-size: 0.85em !important; }
    
    /* Group Add credit form
    ----------------------------------------------------------*/ 
    .add-credit-group-form {width:300px; margin: 0 auto; color:#474747; border:2px solid #818181; padding:20px;}
    .add-credit-group-form .spinner span { margin-left: 0; }
    .add-credit-group-form .add-credit-form-info {color:#515151; font-weight:normal; font-size:0.8em;}
    .add-credit-group-form .add-credit-group-form-button {margin-top:10px;}
    .add-credit-group-form .add-credit-group-form .form-button{cursor:pointer;}
    .add-credit-group-form .add-credit-group-form .text-box {width:100px;}
    .add-credit-group-form .add-credit-group-form-button input { font-size: 0.85em !important; }       

    .add-credit-group-form .amounts { display: inline-block; }
    .add-credit-group-form .amounts div { float: left; }
    .add-credit-group-form .amounts div.spinner { margin-left: 20px; }    
    .add-credit-group-form .amounts div.spinner span.ui-spinner { background: #FFF; }
    .add-credit-group-form .amounts p { margin: 0; }      
    
    /* User information */ 
    .user-info {padding: 20px; }
    .user-info p {margin: 0; line-height: 1.8em;}
    .user-info p .user-title { margin: 0; display: inline-block; width: 80px; }
    
    /* PROFILE
    ----------------------------------------------------------*/ 
    .profile .tabs-bids { margin: 0; padding: 0; }
    .profile .tabs-bids .ui-tabs-nav li.ui-tabs-active { margin-top: -6px; }
    .profile-informations{padding: 0; display: inline-block; width: 100%; margin-bottom: 10px;}
    .profile-informations .col{display: inline-block; width: 40%; float: left; height: 300px; }    
    .profile-informations .container-1 { padding: 2%; }    
    .profile-informations .container-2 { width: 55%;}
    .profile-informations .container-2 #container { min-width: 320px; height: 350px; }        
    .profile-informations .col h3{ color: #fff;}
    .profile-informations .col p{margin: 0; line-height: 1.6em}
    .profile-informations .container-1 .item-title{margin: 0; width: 85px; display:inline-block; }
    .profile-informations .container-2 .item-title{margin: 0; width: 145px; display:inline-block; }      
    .profile-bids-title{margin-top:20px; padding:0;}
    
    /* STATISTICS
    ----------------------------------------------------------*/ 
    /*
    .statistics-index .bids-date-paging { text-align: center; font-weight: bold;  }   
    .statistics-index .bids-date-paging .current { margin: 0 5px; }
    .statistics-index .bids-date-paging .prev { position: relative; } 
    .statistics-index .bids-date-paging .prev a{  display: inline-block; width: 15px; height: 15px; background: transparent url(../images/icons/sprite.png) no-repeat; background-position: 0px -214px; }
    .statistics-index .bids-date-paging .next a{ display: inline-block; width: 15px; height: 15px; background: transparent url(../images/icons/sprite.png) no-repeat; background-position: 0px -254px; }
    .statistics-index .bids-date-paging .loading-icon-stats { display: none; width: 28px; height: 28px; position: absolute; top: 8px; left: -37px; background: transparent url(../images/icons/loading-stats2.gif) center center no-repeat; }
    */
    
    .statistics-index h2 { width: 80%; margin: 0 auto; line-height: 44px; padding: 0; position: relative; font-size: 1.167em; text-transform: uppercase; }
    .statistics-index .stats-nav { position: absolute; right: 10%; }
    .statistics-index .stats-nav .current { margin: 0 5px; }
    .statistics-index .stats-nav .prev a{ margin-bottom: -2px; display: inline-block; width: 15px; height: 17px; background: transparent url(../images/icons/sprite.png) no-repeat; background-position: 0px -214px; }
    .statistics-index .stats-nav .next a{ margin-bottom: -2px; display: inline-block; width: 15px; height: 17px; background: transparent url(../images/icons/sprite.png) no-repeat; background-position: 0px -254px; }    
    .statistics-index .stats-nav .loading-icon-stats { display: none; width: 28px; height: 28px; position: absolute; top: -2px; left: -37px; background: transparent url(../images/icons/loading-stats2.gif) center center no-repeat; }    
    .statistics-index .stats-nav .loading-icon-stats-week { display: none; width: 28px; height: 28px; position: absolute; top: -2px; left: -37px; background: transparent url(../images/icons/loading-stats2.gif) center center no-repeat; }            
    .statistics-index .bids-date-paging .loading-icon-stats { display: none; width: 28px; height: 28px; position: absolute; top: -2px; left: -37px; background: transparent url(../images/icons/loading-stats2.gif) center center no-repeat; }    
    .statistics-index #container { min-width: 320px; height: 290px; margin: 0 auto; padding-top: 10px; }    
    .statistics-index #containeraverage { min-width: 320px; height: 290px; margin: 0 auto; margin-bottom: 20px; border-bottom: 1px solid #BBB; padding-bottom: 20px; }
    /* Help*/
    .help-section p{margin-bottom:0;}
    .help-section .ui-accordion-header{border: 1px solid #252424;  color: #fff;/* box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.75); -webkit-box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.75); -moz-box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.75);*/ background-color: #575757 ; background-image: -moz-linear-gradient(bottom, #3a3a3a 0%, #585858 100%) ; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3a3a3a), color-stop(1, #585858)); background-image: -webkit-linear-gradient(bottom, #3a3a3a 0%, #585858 100%) ; background-image: -o-linear-gradient(bottom, #3a3a3a 0%, #585858 100%) ; background-image: linear-gradient(bottom, #3a3a3a 0%, #585858 100%) ; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#3a3a3a',GradientType=0 ); }    
    .help-section .ui-accordion-header a:link{color:#FFFFFF;text-decoration:underline}
    .help-section .ui-accordion-header a:visited{color:#FFFFFF;}
    .help-section .ui-accordion-header a:hover{color:#FFFFFF;text-decoration:none}
    .help-section .ui-accordion-header a:active{color:#FFFFFF}   
    /* TAB MENU   
    ----------------------------------------------------------*/   
   .manage-link { position: absolute; top: 0; right: 10px; z-index: 100; z-index: 9999;} 
    
    /* TAB MENU   
    ----------------------------------------------------------*/
    /*ul#menu{border-bottom:1px #5C87B2 solid;position:relative;text-align:right;margin:0;padding:0 0 2px}
    ul#menu li{display:inline;list-style:none}
    ul#menu li#greeting{font-weight:700;text-decoration:none;line-height:2.8em;color:#fff;padding:10px 20px}
    ul#menu li a{font-weight:700;text-decoration:none;line-height:2.8em;background-color:#e8eef4;color:#034af3;border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;padding:10px 20px}
    ul#menu li a:hover{background-color:#fff;text-decoration:none}
    ul#menu li a:active{background-color:#a6e2a6;text-decoration:none}
    ul#menu li.selected a{background-color:#fff;color:#000}*/

    /* FORM LAYOUT ELEMENTS   
    ----------------------------------------------------------*/

    fieldset{border:1px solid #ddd;margin:0 0 1.5em;padding:0 1.4em 1.4em}
    legend{font-size:1.2em;font-weight:700}
    textarea{min-height:75px}
    input[type=text],input[type=password]{border:1px solid #ccc;font-size:1.2em;color:#444;width:150px;padding:2px}
    select{border:1px solid #ccc;font-size:1.2em;color:#444;padding:2px}
    input[type=submit]{font-size:1.2em;padding:5px}    
    
    /* TABLE
    ----------------------------------------------------------*/

    table{border:solid 1px #e8eef4;border-collapse:collapse}
    table td{border:solid 1px #e8eef4;padding:3px}
    table th{text-align:left;background-color:#e8eef4;border:solid 1px #e8eef4;padding:6px 5px}

    /* MISC  
    ----------------------------------------------------------*/
    .btn { display: none;}
    .hide { display: none; }
    .clear{clear:both}
    .error{color:Red}
    nav,#menucontainer{margin-top:40px}
    div#title{display:block;float:left;text-align:left}
    #logindisplay{font-size:1.1em;display:block;text-align:right;color:#FFF;margin:10px}
    #logindisplay a:hover{color:#FFF;text-decoration:none}
    #logindisplay a:link,#logindisplay a:visited{color:#FFF;text-decoration:underline}
    #progress-create-group { display: none; position: absolute; top: 45%; left: 45%; }
    #progress-make-bid { display: none; position: absolute; top: 45%; left: 45%; }       
    
    /* Styles for validation helpers
    -----------------------------------------------------------*/
    .field-validation-error{color:red}
    .input-validation-error{border:1px solid red;background-color:#fee}
    .validation-summary-errors{font-weight:700;color:red}
    .field-validation-valid,.validation-summary-valid{display:none}
    
    .form-validation-display {color:Red; font-size: 0.8em !important;margin-top:10px;}
    .form-validation-display span{ display: block !important; }
    .form-validation-display ul{list-style-type: none; padding: 0; margin: 0;}

    /* Styles for editor and display helpers
    ----------------------------------------------------------*/
    .display-label,.editor-label{margin:1em 0 0}
    .display-field,.editor-field{margin:.5em 0 0}
    .text-box{width:30em}
    .text-box.multi-line{height:6.5em}
    .tri-state{width:6em}
    
    /* Buttons styles
    ----------------------------------------------------------*/
    .black-shadow-box { border: 1px solid #252424;  color: #fff; box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.75); -webkit-box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.75); -moz-box-shadow: 0px 0px 5px 5px rgba(204, 204, 204, 0.75); background-color: #575757; background-image: -moz-linear-gradient(bottom, #3a3a3a 0%, #585858 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3a3a3a), color-stop(1, #585858)); background-image: -webkit-linear-gradient(bottom, #3a3a3a 0%, #585858 100%); background-image: -o-linear-gradient(bottom, #3a3a3a 0%, #585858 100%); background-image: linear-gradient(bottom, #3a3a3a 0%, #585858 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#3a3a3a',GradientType=0 ); }    
    .input-button { padding: 0 !important; font-size: 1em !important; text-transform: uppercase; color: #333333; font-weight: bold; text-decoration: none; text-shadow: 1px 1px rgba(205, 205, 205, 0.75); width: 80px; height: 30px; display: inline-block; text-align: center; line-height: 30px; border: 1px solid #cdcdcd; box-shadow: 0px 0px 5px rgba(204, 204, 204, 0.75); -webkit-box-shadow: 0px 0px 5px rgba(204, 204, 204, 0.75); -moz-box-shadow: 0px 0px 5px rgba(204, 204, 204, 0.75); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: transparent url(../images/components/main-nav-background.png) repeat-x; background-color: #dfdfdf; background-image: -moz-linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dfdfdf), color-stop(1, #ffffff)); background-image: -webkit-linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); background-image: -o-linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); background-image: linear-gradient(bottom, #dfdfdf 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); }    
    .header-icon-number  { padding: 1px 2px; margin-left: 4px; color: #fff; width: 13px; text-align: center; height: 17px; line-height: 17px; background: transparent url(../images/components/icon-number.jpg) repeat-x; background-color: #c8191d; background-image: -moz-linear-gradient(bottom, #c8191d 0%, #ee4529 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #c8191d), color-stop(1, #ee4529)); background-image: -webkit-linear-gradient(bottom, #c8191d 0%, #ee4529 100%); background-image: -o-linear-gradient(bottom, #c8191d 0%, #ee4529 100%); background-image: linear-gradient(bottom, #c8191d 0%, #ee4529 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee4529', endColorstr='#c8191d',GradientType=0 ); }    
    
    /* Site closed
    ----------------------------------------------------------*/
    .site-closed{ background: black; opacity: 0.9; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; overflow: hidden; }
    .site-closed-message { color: #2F2F2F; border: 1px solid #BBB; background: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow: 0px 0px 40px rgba(255, 255, 255, 1); -webkit-box-shadow: 0px 0px 40px rgba(255, 255, 255, 1); -moz-box-shadow: 0px 0px 40px rgba(255, 255, 255, 1); width: 40%; height: auto; z-index: 99999; position: fixed; top: 30%; left: 28%; padding: 2%; font-size: 1.2em; font-weight: bold; text-align: center; }
}

@media (max-width: 1279px) and (min-width: 1024px)
{
    .header .header-main-nav ul { width: 80%; }
    .delete-bid { width: 40%; }
}

@media screen and (min-width: 1024px)
{       
    .header .header-main-nav ul .mobile-submenu { display: inline !important; }        
}

@media (max-width: 960px) and (min-width: 641px)
{
    .statistics-index h2 { line-height: 25px; }
    .statistics-index .stats-nav  {position: relative; display: block; margin: 0 auto; width: 80%; }
}

@media screen and (min-width: 641px) and (max-width: 1023px)
{   
    .page { width: 90%; }
    .page-title {display:none;}
    .main .dashboard .tabs-dashboard { float: none; width: 85%; }
    .main .dashboard .top-bids-dashboard { float: none; width: 100%; margin-top: 15px; display: inline-block; }    
    .main .dashboard .top-bids-dashboard .future-bids { float: left; width: 45%; margin: 0; }
    .main .dashboard .top-bids-dashboard .past-bids { float: right; width: 45%; margin: 0; }
    .main .statistics { margin-top: 15px; }
    
    /* Header   
    ----------------------------------------------------------*/    
    .header .header-top-nav a.logo { background: transparent url(../images/icons/logo-tablet.png) no-repeat center center; position: absolute; top: 2px; left: 5%; width: 48px; height: 48px; text-indent: -9999px; }
    .header .header-top-nav ul li { }    
    .header .header-main-nav ul { width: 95%; }
    .header .header-main-nav ul li { width: 16%; }
    .header .header-main-nav ul li a.selected {  }
    .header .header-main-nav ul .mobile-submenu { display: inline !important; }    
    
    /* Make bid form
    ----------------------------------------------------------*/  
    .form-makebid{  margin: 0 auto; }             
    .delete-bid { width: 45%; }
    
    /* Rooms
    ----------------------------------------------------------*/         
    .room-list .room-amenities { width: 60% }
    .room-list .room-amenities ul { width: 75%; }
    .room-list .room-amenities ul li { width: 40%;  }
    
    /* Invitations
    ----------------------------------------------------------*/ 
    .groups-invitations { position: relative;}
    .groups-invitations aside.col3{ width: 48%;}
    .groups-invitations aside.groups-item-1 {border-right: 1px solid #191919;}
    .groups-invitations aside.groups-item-2 { width: 48%; border-left: 1px solid #818181; border-right:none; }
    .groups-invitations aside.groups-item-3 { display:inline; position: absolute; bottom: 10px; left: 48%; border:none; }
    .groups-invitations aside.group-info {padding-bottom:10px !important;}   
    
    /* Groups
    ----------------------------------------------------------*/ 
    
    .groups-item { position: relative;}
    .groups-item aside.col3{ width: 48%;}
    .groups-item aside.groups-item-1 {border-right: 1px solid #191919;}
    .groups-item aside.groups-item-2 { width: 48%; border-left: 1px solid #818181; border-right:none; }
    .groups-item aside.groups-item-3 { display:inline; position: absolute; bottom: 10px; left: 48%; border:none;}
    .groups-item aside.group-info {padding-bottom:10px;}     

    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.col-1 {  } 
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.col-2 { width: 70%; }         
    
    /* Pending Invitations */   
    .pending-invitations .invitation-list-item .item-email { width: 15%; }
    .pending-invitations .invitation-list-item .item-study { width: 15%; }      

    .pending-invitations .invitation-title-item .item-email { width: 15%; }    
    .pending-invitations .invitation-title-item .item-study { width: 15%; }    
    
    /* PROFILE
    ----------------------------------------------------------*/ 
    .profile-informations .container-2 { width: 50%;}
    .profile-informations .container-2 #container { min-width: 320px; height: 330px; }  
    
    /* Site closed
    ----------------------------------------------------------*/
    .site-closed-message { width: 60%; left:18%; }
}

@media screen and (max-width: 640px)
{
    /* Main components
    ----------------------------------------------------------*/  
    .page{ width:100%; margin: 0 auto; }    
    .main { padding: 0; margin-top: 70px;}
    .page { width: 95% !important; }
    .page-title {display:block;}
    .btn { display: inline-block;}
    
    /*Forms*/
    .hidden-ajax-forms { display: none; }
        
    /* Header   
    ----------------------------------------------------------*/
    .header .header-top-nav { padding-left: 0; text-align: center !important; display: block; position: fixed; top: 0; left: 0; zoom: 1; width: auto; text-align: left; height: 51px; width: 100%; background-color: #f8f8f8; background-image: -moz-linear-gradient(top, #ffffff, #ededed); background-image: -ms-linear-gradient(top, #ffffff, #ededed); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ededed)); background-image: -webkit-linear-gradient(top, #ffffff, #ededed); background-image: -o-linear-gradient(top, #ffffff, #ededed); background-image: linear-gradient(top, #ffffff, #ededed); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }    
    .header .header-top-nav a.logo { background: transparent url(../images/icons/sprite.png) center center no-repeat; background-position: 0px -375px;  position: absolute; top: 10px; left: 5%; width: 24px; height: 25px; text-indent: -9999px; }
    .header .header-top-nav ul { padding-left: 0; margin-left: 50px; }
    .header .header-top-nav ul li { padding: 0 1px;}
    .header .header-top-nav ul li .icon-title { display: none; }
    
    .header .header-top-nav ul li#countdown { display: none; }  
    .header-icon-number { top: 16px; right: -13px; } 
    .ie-newer .header-icon-number { top: 27px; right: -13px; } 
    .ie8 .header-icon-number { top: 27px; right: -13px; } 
    .ie7 .header-icon-number { top: 27px; right: -13px; }      
    .mozilla .header-icon-number { top: 26px; right: -13px; }  
    
    .header .header-top-nav ul li.invitations .invitations-list { left: -95px; }
    .header .header-top-nav ul li.invitations { height: 50px; }
    .header .header-top-nav ul li span.invitations-text { display: none; }
    .header .header-top-nav ul li.notifications .notifications-list { left: -142px; }
    .header .header-top-nav ul li.notifications { height: 50px; }
    .header .header-top-nav ul li span.notifications-text { display: none; }     
    .header .header-main-nav ul li.hide { display: block; }    
    .header .header-top-nav ul li.help { display: none; }
    .header .header-top-nav ul li.help-separator { display: none; }
    .header .header-top-nav ul li.logout { display: none; }
    .header .header-top-nav ul li.logout-separator { display: none; }
    
    .header .header-main-nav { margin: 0; height: 0px; border-bottom: none; background: none; text-align:left; }       
    .header .header-main-nav ul { padding-left: 0;}
    .header .header-main-nav ul li { border: none; text-transform: none; display: block; float: none; font-size: 1em; font-weight: normal; width: auto; }  
    .header .header-main-nav ul li a { margin-top: 0; line-height: 15px; border: none !important; display: block; width: auto !important; }        
    .header .header-main-nav ul li a.selected { color: #ED1C24 !important; background: none; height: auto; width: 100%; border: none; margin-left: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }                 
    .header .header-main-nav ul li.first { display: none !important; }
    .header .header-main-nav ul li.last { display: none !important; }
    
    /*** Header buttons ***/
    .header .header-buttoms {display: none; }
    
    /* Dashboard
    ----------------------------------------------------------*/
    
    .main .dashboard .top-bids-dashboard { display: none; }
    .main .dashboard .tabs-dashboard { float: none; width: 80%; }   
    
    .main .statistics { display: none;} 
    
    #tabs-left { padding-left: 58px; margin-left: auto; margin-right: auto;}
    #tabs-left .ui-tabs-nav { width: 50px; }
    #tabs-left .ui-tabs-nav li { font-size: 0.9em; }
    #tabs-left .ui-tabs-nav li.ui-tabs-active { width: 55px; }
    #tabs-left .ui-tabs-nav li.ui-tabs-active a { font-size: 1.7em; }
    
    #tabs-left .ui-tabs-panel { font-size: 0.833em; }
    #tabs-left .ui-tabs-panel .tabs-title { font-size: 0.800em; margin-top: 0px; padding-left: 30px; }    
    #tabs-left .ui-tabs-panel .tabs-title .calendar-icon { top: 0; }
    #tabs-left .ui-tabs-panel .tabs-date-paging { font-size: 0.800em;}
    
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.col-1 {  } 
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.col-2 { width: 45%; }     
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.col-2 .col-2-amount { display: inline-block; }
    #tabs-left .ui-tabs-panel .tabs-bids-result tbody tr td.col-3 { width: 0%; display: none; }    
    
    #tabs-left .ui-tabs-panel .tabs-date-paging .prev a { margin-bottom: -3px; }
    #tabs-left .ui-tabs-panel .tabs-date-paging .next a { margin-bottom: -3px; }    
        
    
    /* Bids
    ----------------------------------------------------------*/      
           
    .bids-stats { display: none; }
        
    .tabs-bids .ui-tabs-nav li { font-size: 0.9em; }
    .tabs-bids .ui-tabs-nav li a { padding: .5em 0.8em !important; }
    .tabs-bids .ui-tabs-nav li.ui-tabs-active a { font-size: 1.1em; margin-bottom: 2px; }      
    
    .tabs-bids .bids-list { line-height: 1.3em; }    
    .tabs-bids .bids-title-item { display: none; }
    .tabs-bids .bids-list-item { padding: 10px 0 0 0; }
    .tabs-bids .bids-list-item span { display: inline-block; width: 100% !important; }
    .tabs-bids .bids-list-item .item-title { display: inline-block; width: 110px !important; float: left; }
    .tabs-bids .bids-list-item .item-name { display: inline-block; float: left; width: 50% !important; }
    .tabs-bids .bids-list-item .cancel-bid a { position: absolute; top: 5px; right: 5px; }
    .tabs-bids .ui-tabs-panel .bids-icon { display: none; }          
    
    .delete-bid { width: 80%; }
    
    /* Rooms
    ----------------------------------------------------------*/    
    .room-list .room-info { float: none; width: 100%; }
    .room-list .room-amenities { float: none; width: 100%; }
    .room-list .room-amenities p { float: none; width: 100%; }
    .room-list .room-amenities ul { float: none; width: 100%; }    
    .room-list .room-pictures .picture-list { display: inline-block; }
    .room-list .room-pictures .picture-list .picture-item { width: 45%; display: inline-block; float: left; }
    
    /* PROFILE
    ----------------------------------------------------------*/     
    .profile-informations .col {width: 95%; height: 300px; float: none; display: block; margin: 0 auto; }
    .profile-informations .container-2 { display: inline-table; }
    .profile-informations .container-2 #container { margin-left: 0; height: 300px; min-width: 300px; }  
    .profile-bids-title{margin-top:0px; padding-bottom:20px;}    
    
    /* Pending Invitations
    ----------------------------------------------------------*/    
    .pending-invitations .invitation-list { line-height: 1.6em;}
    .pending-invitations .invitation-title-item { display: none; }
    .pending-invitations .invitation-list-item span { display: inline-block; width: 100% !important; }
    .pending-invitations .invitation-list-item .item-title { display: inline-block; width: 110px !important; float: left; }
    .pending-invitations .invitation-list-item .item-name { display: inline-block; float: left; width: 50% !important; }
    .pending-invitations .invitation-list-item .item-remove a { position: absolute; top: 5px; right: 5px; }
    
    /*Notifications
    ----------------------------------------------------------*/
    .notification-item .col{display:block; width: 97%; }
    .notification-item .left-container{ border-right: none; height: 40px;}
    .notification-item .left-container aside{ line-height:40px;}
    .notification-item .right-container{padding-left:0px; border-left:none}
    .notification-item .right-container #container { min-width: 300px; height: auto; }
    
    .notification-item .nofification-item-state-accepted { top: 50px; right: 0px; }
    .notification-item .nofification-item-state-declined { top: 50px; right: 0px; }
    
    /*Invitations
    ----------------------------------------------------------*/
    .groups-invitations{ position: relative; width:100%; display:inline-block;}
    .groups-invitations aside.col3{ width: 94%; display:block; border:none; padding-left: 0 !important; padding-right: 0 !important; margin-left:3% !important; margin-right:3% !important;}
    .groups-invitations aside.groups-item-1 { margin-top: 20px !important; border-bottom: 1px solid #191919; padding-bottom: 10px !important}
    .groups-invitations aside.groups-item-2 { border-top: 1px solid #818181;  padding-top: 10px !important;}
    .groups-invitations .groups-members {margin-top:20px;}
    .groups-invitations .groups-item-3 { position: absolute; top:0; right: 0; text-align: right; padding-right:4%;} 
    
    /* MyGroups    
    ----------------------------------------------------------*/
    .groups-item{ position: relative; width:100%; display:inline-block;}  
    .groups-item aside.col3{ width: 94%; display:block; border:none; padding-left: 0 !important; padding-right: 0 !important; margin-left:3% !important; margin-right:3% !important;}
    .groups-item aside.groups-item-1 { margin-top: 20px !important; border-bottom: 1px solid #191919; padding-bottom: 10px !important}
    .groups-item aside.groups-item-2 { border-top: 1px solid #818181;  padding-top: 10px !important;}
    .groups-item .groups-members {margin-top:20px;}
    .groups-item .groups-item-3 { position: absolute; top:0; right: 0; text-align: right; padding-right:4%; }   
        
    .create-group-form .create-group-form-info p{ color: #FFF !important; }
    .create-group-form .create-group-form-container-4 .create-group-form-info  { color: #FFF; }
    
    .invite-group-form { width: 255px; padding: 15px; }
    
    .add-credit-group-form { width: 250px; padding: 15px; }
    .add-credit-group-form .amounts div.spinner span.ui-spinner input { width: 100px; }
    
    .accept-invitation-form { width: 250px; padding: 15px; }
    .accept-invitation-form .amounts div.spinner span.ui-spinner input {width: 100px; }
    
    /* STATISTICS
    --------------------------------------------------------------*/           
    .statistics-index #container { min-width: 300px; height: 450px; margin: 0 auto; padding-top: 10px; }    
    .statistics-index h2 { line-height: 25px; font-size: 1em; text-align: center;  }    
    .statistics-index .stats-nav .current { font-size: 0.8em;}    
    .statistics-index .stats-nav  {position: relative; display: block; margin: 0 auto; width: 90%; right: 0; }              
    
    .header .header-main-nav ul {display: none; width: 100%;}    
    .header ul#menu { margin: 0 !important; padding: 0 !important; }
    
    .clearfix { *zoom: 1; }
    .clearfix:before,
    .clearfix:after { display: table; content: ""; }
    .clearfix:after { clear: both; }
    /* The NAV element in mobile devices */
    header nav.header-main-nav { display: block; position: fixed; top: 0; left: 0; zoom: 1; width: auto; text-align: left; height: 51px; width: 100%; }
    
    /* The button on the top-right */
    nav .btn-navbar { position: fixed; right: 10px; top: 12px; padding: 7px 10px; margin-left: 5px; margin-right: 5px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);}
    nav .btn-navbar:active { background-color: #e6e6e6; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9d9d9), to(#ffffff)); background-image: -webkit-linear-gradient(top, #ffffff, #d9d9d9); background-color: #d9d9d9; background-image: -moz-linear-gradient(top, #d9d9d9, #ffffff); background-image: -ms-linear-gradient(top, #d9d9d9, #ffffff); background-image: -o-linear-gradient(top, #d9d9d9, #ffffff); background-image: linear-gradient(top, #d9d9d9, #ffffff); background-repeat: repeat-x; }
    nav .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #000; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
    nav .btn-navbar.active .icon-bar { background-color: #ED1C24; -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25); }
    .btn-navbar .icon-bar + .icon-bar { margin-top: 3px;}
    
    /* Using the touch scrolling on capable devices. */
    .overthrow-enabled .overthrow { overflow: auto; -webkit-overflow-scrolling: touch; }
    
    /* The unordered list with the menu */
    ul#menu { background: #000; display: none; position: absolute; top: 52px; left: 0; width: 100%; font-size: 15px !important; overflow-x: hidden; -ms-overflow-x: hidden; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
    ul#menu li { display: block; height: 40px; width: 100%; border-bottom: 1px solid #CCC; background-color: #EDEDED; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, white, #EDEDED); background-image: -ms-linear-gradient(top, white, #EDEDED); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #EDEDED)); background-image: -webkit-linear-gradient(top, white, #EDEDED); background-image: -o-linear-gradient(top, white, #EDEDED); background-image: linear-gradient(top, white, #EDEDED); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0); }
    ul#menu li:last-child { border: none; }
    ul#menu li.hasChildren { height: auto !important;}
    ul#menu li.hasChildren ul { display: none; margin: 0 !important; padding: 0 0 0 20px !important; }
    ul#menu li.hasChildren ul li { background: none; filter: none; }
    ul#menu li a { display: block; text-decoration: none; padding: 12px 10px; font-weight: normal; }
    ul#menu li a span { display: block;}
    ul#menu li a:link,
    ul#menu li a:visited { color: #666; text-decoration: none; outline: none; }       
    ul#menu li a:hover,
    ul#menu li a:active { color: #ED1C24; text-decoration: none; outline: none; background: rgba(0, 0, 0, 0.05); }
    ul#menu li.hasChildren a > span { background: url(../images/menu/sprite.png); background-position: right -97px !important; background-repeat: no-repeat; }
    ul#menu li.hasChildren a:hover > span,
    ul#menu li.hasChildren.hover > a span { background-position: right -138px !important; }      
    
    /* Site closed
    ----------------------------------------------------------*/
    .site-closed-message { width: 90%; left:3%; }        
}

@media screen and (max-width: 420px)
{   
   .header .header-top-nav ul li .icon-title { display: none; }  
   .statistics-index .stats-nav .current { font-size: 0.7em; }
}

@media screen and (max-width: 400px)
{     
   #tabs-left .ui-tabs-panel .tabs-title { padding-left: 30px; }
}

/* NOT SUPPORTED UNDER 300PX */
@media screen and (max-width: 299px)
{
   /*body { background: red; }  */
}
